<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/animate.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/register.js"></script>
</head>
<style>

    mform-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #80bdff;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
</style>
<body>
<div class="container text-center animated fadeInDownBig">
    <div class="row">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">倾心❤聊天室</li>
                    <li class="breadcrumb-item">注册页面</li>
                </ol>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <img src="img/chat.png" alt="..." class="rounded">
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="badge badge-primary text-wrap" style="width: 8rem;">

                <h6>欢迎使用聊天室</h6>
            </div>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-lg-4"></div>
        <div class="col-lg-4">
                <div class="form-group">
                    <input type="text" class="form-control" id="usernamei" placeholder="用户名" >
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="passwordi" placeholder="密码">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="agei" placeholder="年龄" >
                </div>
                <div class="form-group">
                    <select id="sexi" class="form-control">
                        <option>性别</option>
                        <option>男</option>
                        <option>女</option>
                    </select>
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="hobbyi" placeholder="爱好" >
                </div>
                <button  class="btn btn-primary w-25" id="reg">注册</button>
                <small id="emailHelp" class="form-text text-muted"><a href="login.html">已有账号？前往登录</a></small>
            </form>
        </div>

        <div class="col-lg-4"></div>
    </div>
</div>
</body>
</html>